/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

@import "compass/reset";
.head-title{
  padding-top: 15px;
  padding-bottom: 25px;
}
.banner-section{
  background: url(../img/banner-bg.png) no-repeat top center;
  height: 471px;
  h1{
    font-size: 62px; text-align: right; color: #333333; font-weight: 700;
  }
  h3{
    font-size: 32px;
    padding: 20px 0;
  }
p{
  font-size: 19px;
}
}
.right-info{padding: 45px 0 0;width: 41%;}

.contact-form{
  background: url(../img/contact-bg.png) no-repeat 0 0; width: 586px; height: 598px;
  padding:110px 262px 0 91px;
  position: relative;
  top: -106px;
  margin-bottom: -143px;
  margin-right: -100px;
  h3{
    font-size: 24px; color: #fff;
    text-align: center;
    strong{
      font-weight: 700;
    }
    padding-bottom: 20px;
  }
  input{
    color: #333;
    font-size: 14px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 13px;
  }
}
.content-section{
  text-align: right;
  h2{
    font-size: 48px;
  }
  h3{
    font-size: 24px;
    color: #f07000;
    padding: 10px 0;
  }
  p.button-style{
    background: #f07000 url(../img/arrow1.png) no-repeat 0 -2px;
    padding: 10px 10px;
    color: #fff;
    font-size: 30px;
    color: #fff;
    margin: 20px 0 10px;
  }
  p{
    font-size: 16px;
    padding: 10px 0;
  }
  li{
    font-size: 16px;
    padding: 3px 0;
  }
}
.teaser-section{
  background: url(../img/footer-bg.png) no-repeat top center; margin-top: 30px; border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  h2{ font-size:24px; text-align: center; padding: 25px;}
  input{
    text-align: right;
  }
  .button-row{ text-align: center}

}
.carousel-section{
  h2{
    font-size:30px;
     text-align: right;
    padding: 60px 0px 20px;
  }
}
.jcarousel {
  position: relative;
  overflow: hidden;
  margin: 0 18px;
  ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
  }
  li {
    /* Required only for block elements like <li>'s */
    float: left;
    border: 1px solid #d7d7d7;
  }
}

.jcarousel-control-next {
  right: -20px;
  background: url(../img/right-icon.png) no-repeat center center;
}
.jcarousel-control-prev, .jcarousel-control-next {
  color: #FFFFFF;
  font: 24px/27px Arial,sans-serif;
  height: 30px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 1px #000000;
  top: 45px;
  width: 30px;
  display:block;
}

.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {
  cursor: default;
  opacity: 0.5;
}
.jcarousel-control-prev {
  left: -20px;
  background: url(../img/left-icon.png) no-repeat center center;
}
.carousel-contain{ position: relative}
.footer-section{
  background: #323232;
  border-top:3px solid #535252;
  padding: 25px 10px 50px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin-top: 75px;
}
ol{ list-style: decimal}
.left-col{ padding-left: 0px;}
.right-col{padding-right: 0px;}